<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>如何定义一个变量</title>
		<script>
			function funA(){
				//获取指定id的对象（节点|标记|元素）
				var objA=document.getElementById("11");
				var objB=document.getElementById("p1");
				var objC=document.getElementById("t1");
				var objD=document.getElementById("b1");
//objA.innerHTML;//获取或者设置></之间的内容将之间的内容原封不动的提取出来
//objA.innerText;//获取或者设置></之间的内容只提取中间的文本内容，其他的忽略
//objA.attribute;//获取或者设置属性值
//objA.style.key;//获取或者设置 样式
             var t=objA.innerText;
             //alert(t);
             var b=objD.innerText;
             var c=objD.innerHTML;
             alert(b);
             alert(c);
             
             objA.innerText="<b>你好</b>";
             alert(objC.value);
             
             objA.style.color="#f00";  //红
             objA.style.color="#000";  //黑
             objA.style.color="#00f";  //蓝
             objA.style.color="#abc";  //蓝灰色
				
			}
			
			function  funB(){
				
				var objs=document.getElementsByName("n1");
				//数组，不能直接赋值
				for(var i=0;i<objs.length;i++){
					  objs[i].value="abc";
				}
				
			}
			
			function  funC(){
				
				var objs=document.getElementsByTagName("input");
				for(var i=0;i<objs.length;i++){
					  objs[i].value="hello0-0";
				}
			}
			
			function funD(){
				//获取到所有class为“ ”的标记
				var objs=document.getElementsByClassName("c1");  //class:分类   强行分类
				for(var i=0;i<objs.length;i++){
					  objs[i].style.color="#f00";
				}
			}
		
	
	</script>
	</head>
	<body>
		<b id="b1" class="c1"><i>你好</i></b>
		<label id="11"  class="c1">内容一</label>
		<p id="p1"   class="c1">段落一</p>
		<span  class="c1">span</span>
		 <br />
		<input type="text" id="t1" value="文本一" />
		<button onclick="funA()">获取</button>
		<br/>
	    <input type="text" name="n1"/>		
	    <input type="text" name="n1"/>	
	    <input type="text" name="n1"/>	
	    <button onclick="funB()">获取</button>
	    <br />
	    <button onclick="funC()">获取</button>
		<br/> <button onclick="funD()">获取</button>
		<br/>
	</body>
</html>
